<{include file="app/header.tpl"}>
<script>
$(document).ready(function () {

    // 可兑换数量自动同步显示数值
    $('input[name="money"]').blur(function () {
        var coin = $(this).val() * 100;
        $('input[name="coins"]').val(coin);
    });

    // 提现金额判断
    // $('input[name="submit"]').click(function () {
    //     var maxMoney = $('input[name="money"]').attr('maxMoney');
    //     var iptMoney = $('input[name="money"]').val();
    //     var inputCoin = $('input[name="coin"]');

    //     if (maxMoney == 0)
    //     {
    //         alert('可兑换金额不足');
    //         return false;
    //     }

    //     if (! iptMoney)
    //     {
    //         alert('请输入兑换金额');
    //         return false;
    //     }

    //     if (iptMoney * 100 > maxMoney)
    //     {
    //         alert('金额超限' + ', 最多只允许兑换: ' + maxMoney / 100 + '元');
    //         return false;
    //     }

    //     return true;
    // });

});

function submit_appli() {

    var maxMoney = $('input[name="money"]').attr('maxMoney');
    var iptMoney = $('input[name="money"]').val();
    var inputCoin = $('input[name="coin"]');

    if (! iptMoney)
    {
        alert('请输入兑换金额');
        return false;
    }

    if (maxMoney == 0)
    {
        alert('可兑换金额不足');
        return false;
    }

    if (iptMoney * 100 > maxMoney)
    {
        alert('金额超限' + ', 最多只允许兑换: ' + maxMoney / 100 + '元');
        return false;
    }
    return true;

}

function enter_submit_appli() {
    var event = window.event || arguments.callee.caller.arguments[0];
    if (event.keyCode == 13) {
         submit_appli();
    }
}
</script>

<div class="income-header" style="padding: 0;">
    <ul class="cash fix">
        <li class="li">
            <p class="one">金币数</p>
            <p class="two"><{$accountBuyer.coin}></p>
        </li>
        <li class="li">
            <p class="one">可兑换金币余额</p>
            <p class="two">￥<{$accountMoney.money/100|@number_format:2}></p>
        </li>
        <li class="li">
            <p class="one">已兑换金币数</p>
            <p class="two"><{$accountMoney.money2Coin}></p>
        </li>
        <li class="li">
            <p class="one">已使用金币数</p>
            <p class="two"><{$accountBuyer.coinUsed}></p>
        </li>
    </ul>
</div>

<ul class="income-title fix">
    <li class="li"><a href="/share/income"><em class="circle"></em><span class="gray">收益</span></a></li>
    <li class="li"><a href="/share/cash"><em class="circle"></em><span class="gray">提现</span></a></li>
    <li class="li"><a href="/share/coin"><em class="active"></em><span class="yellow">金币</span></a></li>
</ul>

<!-- <p>金币数：<{$accountBuyer.coin}></p>
<p>可兑换金币余额：￥<{$accountMoney.money/100|@number_format:2}></p>
<p>已兑换金币数：<{$accountMoney.money2Coin}></p>
<p>已使用金币数：<{$accountBuyer.coinUsed}></p> -->

<p class="cash-prompt">
    金币说明
</p>

<p class="cash-text">金币：可以抵扣商品金额的虚拟货币，用户在下订单的时候， 可以直接使用金币抵扣订单金额，和佣金收入比率为1:100， 即100金币抵扣1元收入。使用金币部分支付或者全部支付的 订单，如果发生退货，金币会退还到钱包。金币不能退现金。</p>

<p class="cash-prompt">
    兑换申请
</p>


<form action="" method="post" class="cash-form" onclick="return enter_submit_appli();">
    <input type="text" class="money" required placeholder="¥0.00" name="money" maxMoney="<{$accountMoney.money}>">
    <input type="text" class="money" required placeholder="可兑换金币数：0" name="coins" readonly="true">
    <input type="submit" name="submit" class="submit" value="申请兑换" onclick="return submit_appli();">
</form>

<ul class="coin-record" id="coin-record">
    <li class="li active"><span>金币兑换记录</span></li>
    <li class="li"><span>金币使用记录</span></li>
</ul>

<div class="tab" style="display: block;">
    <{if $money2CoinRecords|@count neq 0 }>
        <ul class="money-income-ul">
            <{foreach from=$money2CoinRecords item="item"}>
                <li class="li">
                     <p class="line">时间: <{"Y-m-d H:i:s"|@date:$item.created}></p>
                     <p class="line">数量: <{$item.countsCoin}> 个</p>
                     <p class="line">备注: <{$item.message}></p>
                </li>
            <{/foreach}>
        </ul>
    <{else}>
        <p class="team-empty">暂无金币兑换记录</p>
    <{/if}>
</div>

<div class="tab" style="display: none;">
    <{if $coinUsedRecords|@count neq 0 }>
        <ul class="money-income-ul">
          <{foreach from=$coinUsedRecords item="item"}>
              <li class="li">
                    <p class="line">时间: <{"Y-m-d H:i:s"|@date:$item.created}></p>
                    <p class="line">数量: <span class="red"><{$item.countsCoin}></span> 个</p>
                    <p class="line">备注: <{$item.message}></p>
                </li>
          <{/foreach}>
        </ul>
    <{else}>
        <p class="team-empty">暂无金币使用记录</p>
    <{/if}>
</div>

<script>
// tab 切换效果
var oTabParent = document.getElementById('coin-record');

lw.tabSwitch(oTabParent, 'li', 'tab', 'li');
</script>


<{include file="app/footer.tpl"}>
